#main{
  background-color: #fff;border-radius: 2px;width:calc(100% - 2px);height:calc(100% - 2px);
  border:1px solid #dcdee2;
  .header{
    height:24px;
    .close{
      width:35px;height:24px;float: right;line-height: 24px;text-align: center;cursor: pointer;
      -webkit-app-region: no-drag; transition: all 0.3s;
      &:hover{
        background:red;
      }
    }
  }
  .body{
    height:calc(100% - 27px);margin:0 3px;background:#eee;border-radius: 2px;
    overflow: hidden;overflow-y: auto;padding:0 10px;-webkit-app-region: no-drag;
    dl{
      margin:10px 0;font-size: 14px;
      dt{
        font-weight: 600;
      }
      dd{
        padding-left: 15px;
      }
    }
    .button{
      display: flex;justify-content: center;
      button{
        width:100px;height:35px;margin:0 10px; font-size: 16px;border-radius:2px;cursor: pointer;
        line-height: 35px; outline: none;
        &:active{
          opacity: 0.8;
        }
        &.clear{
          background:#f02e2e;border:none;color:#fff;
        }
        &.updata{
          background:#0f85ff;border:none;color:#fff;
        }
      }
    }
  }
}